<template>
  <div class="madp-not-found">
    <img class="madp-not-found-img" src="@/assets/img/not-found.png" />
    <div class="madp-not-found-text">找不到页面</div>
    <div class="madp-btn">
      <el-button size="large" type="text" @click="goHome">返回首页</el-button>
      <el-button size="large" type="primary" @click="backPage">返回上一页</el-button>
    </div>
  </div>
</template>
<script>
export default {
  props: [],
  data() {
    return {}
  },
  mounted() {},
  methods: {
    backPage() {
      this.$router.go(-1)
    },
    goHome() {
      this.$router.push({
        path: '/'
      })
    }
  }
}
</script>
<style lang="less" scoped>
.madp-not-found {
  text-align: center;
  margin-top: 180px;
  .madp-not-found-img {
    width: 136px;
    height: 136px;
  }
  .madp-not-found-text {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 14px;
    margin-top: 17px;
  }
}
.madp-btn {
  margin-top: 80px;
}
.el-button--text {
  color: #104484;
}
.el-button--primary {
  background-color: #104484;
  border-color: #104484;
}
</style>
